<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<div id="app">
  <header class="app-header">
    <section class="app-header-inner center-auto clearfix">
      <h1 class="logo">
        <a href="#" class="logo-link">个人主页</a>
      </h1>
      <nav class="app-top-nav">
        <ul id="menu" class="app-nav-list">
          <li data-menuanchor="page1" class="active">
            <a href="#page1">简介</a>
          </li>
          <li data-menuanchor="page2">
            <a href="#page2">技能</a>
          </li>
          <li data-menuanchor="page3">
            <a href="#page3">案例作品</a>
          </li>
          <li data-menuanchor="page4">
            <a href="#page4">联系方式</a>
          </li>
        </ul>
      </nav>
    </section>
  </header>
  <!--/header-->
  <main id="fullpage" class="full-page">
    <section class="section">
      <div class="container center-auto app-user">
        <div class="app-user-wrap">
          <img class="avatar" src="/static/images/avatar.png" alt="">
          <div class="app-user-info">
            <h3>哥不是一个人在战斗</h3>
            <h5>前端工程师</h5>
          </div>
        </div>
        <div class="app-user-exper">
          <ul class="time-axis">
            <li class="time-axis-item">
              <div class="time-axis-date">2019.11<span></span></div>
              <div class="time-axis-title">上海新时代科技有限公司</div>
              <p class="time-axis-achievement"></p>
            </li>
            <li class="time-axis-item">
              <div class="time-axis-date">2017.03<span></span></div>
              <div class="time-axis-title">广众房地产开发公司</div>
              <p class="time-axis-achievement"></p>
            </li>
            <li class="time-axis-item">
              <div class="time-axis-date">2015.06<span></span></div>
              <div class="time-axis-title">猫科动物金融公司</div>
              <p class="time-axis-achievement"></p>
            </li>
            <li class="time-axis-item">
              <div class="time-axis-date">2012.08<span></span></div>
              <div class="time-axis-title">上海一账通科技有限公司</div>
              <p class="time-axis-achievement"></p>
            </li>
            <li class="time-axis-item">
              <div class="time-axis-date">2010.12<span></span></div>
              <div class="time-axis-title">上海通胜联泰网络科技有限公司</div>
              <p class="time-axis-achievement"></p>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- /app-user -->
    <section class="section">
      <div class="container">

        <div class="app-skills">
          <div class="app-skills-list">
            <li>
              <a href="#">CSS</a>
              <a href="#">SCSS</a>
              <a href="#">Less</a>
            </li>
            <li>
              <a href="#">Javascript</a>
              <a href="#">Vue</a>
              <a href="#">Vuex</a>
              <a href="#">Axios</a>
              <a href="#" class="normal">React</a>
            </li>
            <li>
              <a href="#">ElementUI</a>
              <a href="#">IView</a>
              <a href="#">AntDesign</a>
              <a href="#">Vant</a>
              <a href="#">Cube</a>
            </li>
            <li>
              <a href="#">Node</a>
              <a href="#">PHP</a>
              <a href="#" class="normal">Java</a>
              <a href="#" class="normal">Mysql</a>
            </li>
          </div>
        </div>

      </div>
    </section>
    <!-- /skills -->

    <section class="section app-case">
      <div class="container app-case-conatiner">
        <div class="cast-wrap">
          <ul id="filters" class="clearfix">
            <!-- <li><span class="filter filters-filter-active" style="display: none;" data-filter="all">All</span></li> -->
            <li><span class="filter filters-filter-active" data-filter=".css">CSS</span></li>
            <li><span class="filter" data-filter=".vue">Vue</span></li>
            <li><span class="filter" data-filter=".react">React</span></li>
            <li><span class="filter" data-filter=".node">Node</span></li>
          </ul>
          <div id="portfoliolist">
            <div class="portfolio css" data-cat="css">
              <div class="portfolio-wrapper">
                <ul class="cast-list">
                  <li>
                    <a class="cast-list-link overlay" href="http://bootstrap.vyan.top" target="_blank">
                      <img class="slide-img" src="/static/images/bootstrap.png" alt="">
                      <i class="icon">Bootstrap管理系统</i>
                    </a>
                  </li>
                  <li>
                    <a class="cast-list-link overlay" href="/demo/css/web/sina/" target="_blank">
                      <img class="slide-img" src="/static/images/sina.png" alt="">
                      <i class="icon">新闻门户-新浪</i>
                    </a>
                  </li>
                  <li>
                    <a class="cast-list-link overlay" href="/demo/css/web/mi/" target="_blank">
                      <img class="slide-img" src="/static/images/mi.png" alt="">
                      <i class="icon">垂直电商-小米</i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="portfolio vue" data-cat="vue">
              <div class="portfolio-wrapper">
                <ul class="cast-list">
                  <li>
                    <a class="cast-list-link overlay" href="http://jikey.gitee.io/vyan-shop-admin/#/login" target="_blank">
                      <img class="slide-img" src="/static/images/vyan-gitee.png" alt="">
                      <i class="icon">vue 管理系统</i>
                    </a>
                  </li>
                  <li>
                    <a class="cast-list-link overlay" href="http://vyan.top/admin" target="_blank">
                      <img class="slide-img" src="/static/images/vyan-admin.png" alt="">
                      <i class="icon">vue 管理系统接口版本</i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="portfolio react" data-cat="react">
              <div class="portfolio-wrapper">
                <ul class="cast-list">
                  <li>
                    <a class="cast-list-link overlay" href="http://vyan.top" target="_blank">
                      <img class="slide-img" src="/static/images/react-tool-admin.png" alt="">
                      <i class="icon">react-tool-admin</i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="portfolio node" data-cat="node">
              <div class="portfolio-wrapper">
                <ul class="cast-list">
                  <li>
                    <a class="cast-list-link overlay" href="http://vyan.top" target="_blank">
                      <img class="slide-img" src="/static/images/vyan-top.jpg" alt="">
                      <i class="icon">微燕科技</i>
                    </a>
                  </li>
                  <li>
                    <a class="cast-list-link overlay" href="http://vyan.top/admin" target="_blank">
                      <img class="slide-img" src="/static/images/vyan-admin.png" alt="">
                      <i class="icon">微燕科技-管理界面</i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

      </div>
    </section>
    <!-- /case -->

    <section class="section app-contact">
      <div class="container center-auto">
        <h4>联系方式</h4>
        <div class="content">
          <p>jikeytang@163.com</p>
          <div class="social-share">
            <a href="https://gitee.com/jikey/jikey" title="源码" class="item" target="_blank"><img src="/static/images/icon/gitee.png" alt=""></a>
            <a href="https://weibo.com/jikey" title="微博" class="item" target="_blank"><img src="/static/images/icon/weibo.png" alt=""></a>
            <a href="https://github.com/jikeytang" title="github" class="item" target="_blank"><img src="/static/images/icon/github.png" alt=""></a>
          </div>
        </div>
      </div>
    </section>
    <!-- /contact -->

  </main>
</div>
<script>
</script>
</body>
</html>
